<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title><%= pageTitle %></title>
  <link rel="stylesheet" href="/css/style.css">
</head>
<body>
  <div class="container">
    <h1>Session 信息</h1>
    
    <div class="session-info">
      <h2>当前 Session 详情</h2>
      
      <div class="info-box">
        <h3>Session ID</h3>
        <pre><%= session.id %></pre>
        
        <h3>Cookie 信息</h3>
        <pre>
名称: <%= session.cookie.name || 'connect.sid' %>
路径: <%= session.cookie.path %>
过期时间: <%= new Date(session.cookie.expires).toLocaleString() || '会话结束' %>
HttpOnly: <%= session.cookie.httpOnly %>
Secure: <%= session.cookie.secure %>
MaxAge: <%= session.cookie.maxAge / 1000 %> 秒
        </pre>
        
        <h3>用户信息</h3>
        <% if (session.user) { %>
          <pre>
用户ID: <%= session.user.id %>
用户名: <%= session.user.username %>
          </pre>
        <% } else { %>
          <p>未登录，没有用户信息</p>
        <% } %>
        
        <h3>完整 Session 对象</h3>
        <pre><%= JSON.stringify(session, null, 2) %></pre>
      </div>
      
      <div class="session-explanation">
        <h3>Session 工作原理说明</h3>
        <ol>
          <li>服务器为每个用户创建唯一的 Session ID</li>
          <li>Session ID 通过 Cookie 发送给浏览器</li>
          <li>浏览器在后续请求中自动发送包含 Session ID 的 Cookie</li>
          <li>服务器通过 Session ID 识别用户并获取对应的 Session 数据</li>
          <li>Session 数据存储在服务器端，用户无法直接访问或修改</li>
        </ol>
      </div>
    </div>
    
    <div class="nav">
      <a href="/" class="btn">返回首页</a>
      <% if (session.user) { %>
        <a href="/profile" class="btn">个人资料</a>
        <a href="/logout" class="btn btn-danger">注销</a>
      <% } else { %>
        <a href="/login" class="btn">登录</a>
      <% } %>
    </div>
  </div>
</body>
</html>